<div class="order-page" ng-controller="orderCtr">
    <div class="header">
        <i ng-click="goBack()"><</i>
        <h4>我的订单</h4>
    </div>
    <div class="contain">
        <div class="sub-nav">
            <a href="javascript:;" ng-repeat="(key,item) in navArr" ng-bind="item" ng-click="tab(key,item)"
               ng-class="index==key?'on':''"
            ></a>
        </div>
        <ul>
            <li ng-repeat="(key,item) in filterDatas track by $index">
                <div class="content">
                    <img ng-src="{{item.imgSrc}}"/>
                    <div class="info">
                        <h3 ng-bind="item.title"></h3>
                        <div class="brand">品牌：<i>皮尔卡丹</i></div>
                        <div class="colour">颜色：<i ng-bind="item.color"></i></div>
                        <div class="price">￥{{item.price}}</div>
                        <div class="number">X{{item.num}}</div>
                    </div>
                </div>
                <div class=" select">
                    <button class="cancel" ng-click="remove(key)">取消订单</button>
                    <button class="payment" ng-show="item.status==0?true:false">付款</button>
                </div>
            </li>
        </ul>
    </div>
</div>